<template>
    <div class="shopPage">
        <IptBoxVue></IptBoxVue>
        <div class="wrapper">
            <ShopHeadVue></ShopHeadVue>
            <GoodsListVue></GoodsListVue>
        </div>
        <CartBarVue></CartBarVue>
    </div>
</template>

<script setup>
    import IptBoxVue from '../List/components/IptBox.vue';
    import ShopHeadVue from './components/ShopHead.vue';
    import GoodsListVue from './components/GoodsList.vue';
    import CartBarVue from './components/CartBar.vue';
    import { ref } from "vue";
    const data=ref([1,2,3,4,5])
</script>

<style lang="scss" scoped>
    .wrapper{
        position: absolute;
        padding-top: .12rem;
        top: .6rem;
        left: 0;
        right: 0;
        bottom: .5rem;
        background-color: #ffffff;
        overflow-y: scroll;
    }
</style>